<template>
  <div class="test-a">
    <!-- 横向框 -->
    <div class="test-height">
      <el-row>
        <el-col :span="12">
          <!-- 内部框 -->
          <!-- 待办工作 -->
          <TableWaitingWork></TableWaitingWork>
        </el-col>
        
        <el-col :span="12">
          <!-- 内部框 -->
          <div class="col-div">
            <OneTwo></OneTwo>
          </div>
        </el-col>
      </el-row>
    </div>
    <!-- 横向框 2 -->
    <div class="test-height">
      <el-row>
        <!-- 第一个框go -->
        <el-col :span="12">
          <!-- 内部框 -->
          <div class="col-div">
            <TwoOne></TwoOne>
          </div>
        </el-col>
        <!-- 第一个框end -->

        <!-- 第二个框go -->
        <el-col :span="12">
          <!-- 内部框 -->
          <div class="col-div">
            <TwoTwo></TwoTwo>
          </div>
        </el-col>
        <!-- 第二个框end -->
      </el-row>
    </div>

    <!-- 横向框 3 -->
    <div class="test-height">
      <el-row>
        <el-col :span="12">
          <!-- 内部框 -->
          <div class="col-div">
            <ThereOne></ThereOne>
          </div>
        </el-col>
        
        <el-col :span="12">
          <!-- 内部框 -->
          <div class="col-div">
            <ThereTwo></ThereTwo>
          </div>
        </el-col>
      </el-row>
    </div>

    <div style="height:170px;"></div>
  </div>
</template>

<script>

import OneTwo from "../components/xz-echarts/OneTwo.vue";
import TwoOne from "../components/xz-echarts/TwoOne.vue";
import TwoTwo from "../components/xz-echarts/TwoTwo.vue";
import ThereOne from "../components/xz-echarts/ThereOne.vue";
import ThereTwo from "../components/xz-echarts/ThereTwo.vue";
import TableWaitingWork from "../components/TableWaitingWork.vue";
export default {
  data() {
    return {
      tableData: [
        {
          date: "2019-12-12",
          department: "销售部",
          todo: "周x市领导检查行程安排",
          by_time: "2019-12-17",
          head: "王红"
        },
        {
          date: "2019-12-12",
          department: "xx部",
          todo: "与农大对接大棚详细数据",
          by_time: "2019-12-17",
          head: "王红"
        },
        {
          date: "2019-12-12",
          department: "xx部",
          todo: "与农大对接大棚详细数据",
          by_time: "2019-12-17",
          head: "王红"
        },
        {
          date: "2019-12-12",
          department: "xx部",
          todo: "与农大对接大棚详细数据",
          by_time: "2019-12-17",
          head: "王红"
        },
        {
          date: "2019-12-12",
          department: "xx部",
          todo: "与农大对接大棚详细数据",
          by_time: "2019-12-17",
          head: "王红"
        },
        {
          date: "2019-12-12",
          department: "xx部",
          todo: "与农大对接大棚详细数据",
          by_time: "2019-12-17",
          head: "王红"
        },
        {
          date: "2019-12-12",
          department: "xx部",
          todo: "与农大对接大棚详细数据",
          by_time: "2019-12-17",
          head: "王红"
        },
        {
          date: "2019-12-12",
          department: "xx部",
          todo: "与农大对接大棚详细数据",
          by_time: "2019-12-17",
          head: "王红"
        },
        {
          date: "2019-12-12",
          department: "xx部",
          todo: "与农大对接大棚详细数据",
          by_time: "2019-12-17",
          head: "王红"
        },
        {
          date: "2019-12-12",
          department: "xx部",
          todo: "与农大对接大棚详细数据",
          by_time: "2019-12-17",
          head: "王红"
        },
        {
          date: "2019-12-12",
          department: "xx部",
          todo: "与农大对接大棚详细数据",
          by_time: "2019-12-17",
          head: "王红"
        }
      ]
    };
  },
  components: {
    OneTwo,
    TwoOne,
    TwoTwo,
    ThereOne,
    ThereTwo,
    TableWaitingWork
  },
  
};
</script>



